<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <link rel="stylesheet" href="${request.contextPath}/statics/css/main.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/element/element.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/select2/select2.min.css"/>
    <link rel="stylesheet" href="${request.contextPath}/statics/css/ziyun-erp.css">

    <link rel="stylesheet" href="${request.contextPath}/statics/css/font-awesome.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/introjs/introjs.min.css">


    <script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
    <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="${request.contextPath}/statics/js/common.js"></script>
    <script src="${request.contextPath}/statics/plugins/element/element.js"></script>
    <script src="${request.contextPath}/statics/js/modules/common/select2.js"></script>
    <script src="${request.contextPath}/statics/plugins/select2/select2.min.js"></script>
    <!-- 二维码 -->
    <script src="${request.contextPath}/statics/js/qrcode/1.0/jquery.qrcode.min.js"></script>

    <script src="${request.contextPath}/statics/js/vcharts/echarts.min.js"></script>
    <script src="${request.contextPath}/statics/js/vcharts/index.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/introjs/intro.min.js"></script>


</head>
<body>
<div class="index_mood" id="rrapp" v-cloak>
    <el-container style="padding: 20px">
        <el-header  style="height: 340px;">
            <el-container style="height: 340px;">
                <el-main style="border: 1px solid #eee;margin-right: 15px;">
                    <el-container style="height: 100%" data-step='1' data-intro="店铺数据展示区,能让您更全面的了解店铺经营情况">
                        <el-main  >
                            <el-row style="height:40px;line-height: 30px;">
                                <div style="text-indent: 2em;">实时概况</div>
                            </el-row>
                            <el-row style="height:40px;line-height: 30px;">
                                <el-col :span="12">
                                    <div style="text-indent: 2em;">
                                        <div style="float: left;width: 43px;margin: 11px -8px;"><img src="/statics/img/index/money.png"></div>
                                        <div><label style="font-size: 14px">&nbsp;&nbsp;支付金额（元）</label></div>
                                        <div style="line-height: 30px; font-size: 22px"><label>&nbsp;&nbsp;{{sellerInfoVo.weekPayed}}</label></div>
                                    </div>
                                </el-col>
                                <el-col :span="12">
                                    <div style="text-indent: 2em;">
                                        <div style="line-height: 50px; "><label style="font-size: 14px">昨日全天 {{sellerInfoVo.yesterdayPayed}}</label></div>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row  style="height:230px">
                                <ve-line :data="chartData.salesList" width="95%" height="230px"></ve-line>
                            </el-row>
                        </el-main>
                        <el-aside style="width: 400px">
                            <el-row style="height:50px;line-height: 45px;">
                                <div style="text-indent: 2em;font-size: 12px;color: #A0A0A0">更新时间 &nbsp;&nbsp;{{sellerInfoVo.searchTime}}</div>
                            </el-row>
                            <el-row style="height: 130px">
                                <el-col :span="12">
                                    <div style="float: left"><img src="/statics/img/index/visitors.png"></div>
                                    <div><label style="font-size: 14px">&nbsp;&nbsp;访客数</label></div>
                                    <div style="line-height: 45px; font-size: 22px"><label>&nbsp;&nbsp;{{sellerInfoVo.weekVisitors}}</label></div>
                                    <div style="font-size: 12px;color: #A0A0A0;margin: 0px 7px;">&nbsp;&nbsp;昨日全天 &nbsp;&nbsp;&nbsp;&nbsp;{{sellerInfoVo.yesterdayVisitors}}</div>
                                </el-col>
                                <el-col :span="11">
                                    <div style="float: left"><img src="/statics/img/index/buyers.png"></div>
                                    <div><label style="font-size: 14px">&nbsp;&nbsp;支付买家数</label></div>
                                    <div style="line-height: 45px; font-size: 22px"><label>&nbsp;&nbsp;{{sellerInfoVo.weekBuyers}}</label></div>
                                    <div style="font-size: 12px;color: #A0A0A0;margin: 0px 7px;">&nbsp;&nbsp;昨日全天 &nbsp;&nbsp;&nbsp;&nbsp;{{sellerInfoVo.yesterdayBuyers}}</div>
                                </el-col>
                            </el-row>
                            <el-row style="height: 130px">
                                <el-col :span="12">
                                    <div style="float: left"><img src="/statics/img/index/view.png"></div>
                                    <div><label style="font-size: 14px">&nbsp;&nbsp;浏览量</label></div>
                                    <div style="line-height: 45px; font-size: 22px"><label>&nbsp;&nbsp;{{sellerInfoVo.weekView}}</label></div>
                                    <div style="font-size: 12px;color: #A0A0A0;margin: 0px 7px;">&nbsp;&nbsp;昨日全天 &nbsp;&nbsp;&nbsp;&nbsp;{{sellerInfoVo.yesterdayView}}</div>
                                </el-col>
                                <el-col :span="11">
                                    <div style="float: left"><img src="/statics/img/index/storeOrder.png"></div>
                                    <div><label style="font-size: 14px">&nbsp;&nbsp;门店订单</label></div>
                                    <div style="line-height: 45px; font-size: 22px"><label>&nbsp;&nbsp;{{sellerInfoVo.weekStoreOrderNum}}</label></div>
                                    <div style="font-size: 12px;color: #A0A0A0;margin: 0px 7px;">&nbsp;&nbsp;昨日全天 &nbsp;&nbsp;&nbsp;&nbsp;{{sellerInfoVo.yesterdaStoreOrderNum}}</div>
                                </el-col>
                            </el-row>
                        </el-aside>
                    </el-container>
                </el-main>
                <el-aside style="border: 1px solid #eee;width:300px;text-align: center;" >
                    <div  id="qrcode" style="margin-top: 40px;" ></div>
                    <div style="text-align: center" >推荐二维码</div>
                </el-aside>
            </el-container>
        </el-header>
        <el-main  style="margin-top: 10px">
            <el-container>
                <el-header  style="height: 300px;">
                    <el-container style="height: 300px;" data-step='2' data-intro="快捷操作选项，能更快找到您想要的功能">
                        <el-main style="border: 1px solid #eee;margin-right: 15px;">
                            <el-row style="height: 70px">
                                <div style="text-indent: 1em;line-height: 50px;"><strong>待办事项 | 快捷操作</strong></div>
                            </el-row>
                            <el-row style="line-height: 30px;">
                                <el-col :span="2">&nbsp;</el-col>
                                <el-col :span="4">
                                    <div style="text-indent: 2em;width:180px; height: 200px;background: url('/statics/img/index/page1.png') no-repeat;border: 1px solid #eee;">
                                        <label>订单管理</label>
                                        <ul>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/order/addTwbOrder.html',name:'新增订单',blank:true})">
                                                <i class="fa fa-cog"></i> 新增订单
                                            </a>
                                            </li>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/order/twbOrder.html',name:'订单列表',blank:true})">
                                                <i class="fa fa-cog"></i> 订单列表
                                            </a>
                                            </li>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/logistics/twbOrderLogistics.html',name:'物流列表',blank:true})">
                                                <i class="fa fa-cog"></i> 物流列表
                                            </a>
                                            </li>
                                        </ul>
                                    </div>
                                </el-col>
                                <el-col :span="4">
                                    <div style="text-indent: 2em;width:180px; height: 200px; background: url('/statics/img/index/page2.png') no-repeat;border: 1px solid #eee;">
                                        <label>商品管理</label>
                                        <ul>
                                            <li data-step='3' data-intro="新人指导已完成,点击发布您的商品哦"><a href="javascript:void(0);" @click="skipPage({ url:'modules/twbGoods/twbGoodsPush.html',name:'发布新商品',blank:true})">
                                                <i class="fa fa-cog"></i> 发布新商品 </a>
                                            </li>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/twbGoods/twbGoodsList.html',name:'商品列表',blank:true})">
                                                <i class="fa fa-cog"></i> 商品列表 </a>
                                            </li>
                                            <li><a href="#"><i class="fa fa-cog"></i> 运费模板</a></li>
                                        </ul>
                                    </div>
                                </el-col>
                                <el-col :span="4">
                                    <div style="text-indent: 2em;width:180px; height: 200px;background: url('/statics/img/index/page3.png') no-repeat;border: 1px solid #eee;">
                                        <label>客户管理</label>
                                        <ul>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/storeMember/twbStoreMember.html',name:'会员列表',blank:true})">
                                                <i class="fa fa-cog"></i> 会员列表</a>
                                            </li>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/storeMember/twbStoreFavouredPrice.html',name:'会员折扣',blank:true})">
                                                <i class="fa fa-cog"></i> 会员折扣</a>
                                            </li>
                                        </ul>
                                    </div>
                                </el-col>
                                <el-col :span="4">
                                    <div style="text-indent: 2em;width:180px; height: 200px;background: url('/statics/img/index/page4.png') no-repeat;border: 1px solid #eee;">
                                        <label>财务管理</label>
                                        <ul>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/mercharReport/twbOrderinfo.html',name:'值班账单',blank:true})">
                                                <i class="fa fa-cog"></i> 值班账单</a>
                                            </li>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/capital/applyCashTwb.html',name:'订单提现',blank:true})">
                                                <i class="fa fa-cog"></i> 订单提现</a>
                                            </li>
                                        </ul>
                                    </div>
                                </el-col>
                                <el-col :span="4">
                                    <div style="text-indent: 2em;width:180px; height: 200px;background: url('/statics/img/index/page5.png') no-repeat;border: 1px solid #eee;">
                                        <label>采购商城</label>
                                        <ul>
                                            <li><a href="javascript:void(0);" @click="skipPage({ url:'modules/mall/purchaseGoods.html',name:'采购商城',blank:true})">
                                                <i class="fa fa-cog"></i> 采购商城</a>
                                            </li>
                                        </ul>
                                    </div>
                                </el-col>
                                <el-col :span="2">&nbsp;</el-col>
                            </el-row>
                        </el-main>
                        <el-aside style="border: 1px solid #eee;width:300px;text-align: center;">
                            <div style="text-align: center; width: 100%;height: 100%;line-height: 400px;">
                                <a href="http://www.11ziyun.com/hdy-tg" target="_blank">
                                    <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/cms/201812/13/1e69799dee8845648fb8de1c70c86fbd.jpg" width="100%">
                                </a>
                            </div>
                        </el-aside>
                    </el-container>
                </el-header>
                <el-main  style="margin-top: 10px;height: 750px;">
                    <el-container>
                        <el-main>
                            <el-container>
                                <el-aside style="border: 1px solid #eee;margin-right: 15px;width: 50%;height: 500px;">
                                    <div>
                                        <div style="text-indent: 2em;line-height: 50px;"><strong>销售数据</strong></div>
                                        <div><ve-histogram :data="chartData.tradeData.tradeList" :settings="chartData.tradeData.chartSettings"></ve-histogram></div>
                                    </div>
                                </el-aside>
                                <el-main style="border: 1px solid #eee;height: 500px;">
                                    <div>
                                        <div style="text-indent: 2em;line-height: 50px;"><strong>客户管理</strong></div>
                                        <div style="text-align: center;">
                                            <el-col :span="8">
                                                <div><lable style="font-size: 14px">全部客户</lable></div>
                                                <div style="line-height: 50px"><lable>{{sellerInfoVo.totalMember}}</lable></div>
                                            </el-col>
                                            <el-col :span="8">
                                                <div><lable style="font-size: 14px">下单注册</lable></div>
                                                <div style="line-height: 50px"><lable>{{sellerInfoVo.ziyunMember}}</lable></div>
                                            </el-col>
                                            <el-col :span="8">
                                                <div><lable style="font-size: 14px">复购率</lable></div>
                                                <div style="line-height: 50px"><lable>{{sellerInfoVo.rePurchaseRate}}</lable></div>
                                            </el-col>
                                        </div>
                                        <div><ve-pie :data="chartData.customChartData" height="350px"></ve-pie></div>
                                        <div style="margin: 35px 74px;color: #A0A0A0;font-size: 12px"><label>新客户：本周新注册的用户 &nbsp;&nbsp;&nbsp;&nbsp; 老客户：上周(含)之前注册的用户</label></div>
                                    </div>
                                </el-main>
                            </el-container>
                        </el-main>
                        <el-footer style="border: 1px solid #eee;height:200px;margin-top: 10px;">
                            <div class="index_mood_01_img" style="margin-top: 17px;">
                                <template v-if="isBlank(sellerInfoVo.url)">
                                    <img src="/statics/img/logo/logo.png" style="width: 160px;height: 160px">
                                </template>
                                <template v-else>
                                    <img :src="'https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/'+ sellerInfoVo.url" style="width: 160px;height: 160px">
                                </template>
                            </div>
                            <div class="index_mood_01_text">
                                <span>店名：</span>
                                <br>
                                <strong>{{sellerInfoVo.sellerName}}</strong>
                                <!--<span>
                                    &nbsp;&nbsp;&nbsp;
                                    <el-button @click="window.location.href = '/modules/supp/subsellerinfo.html'" type="text">邀请子公司</el-button>
                                </span>-->
                            </div>
                            <div class="index_mood_01_list">
                                <p><label>公司名称：</label><span>{{sellerInfoVo.doorheadName}}</span></p>
                                <p><label>联系人： </label><span>{{sellerInfoVo.name}}</span></p>
                                <p><label>联系人电话：</label><span>{{sellerInfoVo.sellerMobile}}</span></p>
                                <p><label>公司地址：</label><span>{{sellerInfoVo.address}}</span></p>
                            </div>
                        </el-footer>
                    </el-container>
                </el-main>
            </el-container>
        </el-main>
    </el-container>
</div>

<script src="${request.contextPath}/statics/js/modules/main.js?_${.now?long}"></script>
</body>
</html>

<style>
    *{margin:0;padding:0;font-style:normal}
    a {text-decoration: none;}
    ul {font-size: 13px;text-indent: 2em;line-height: 40px;margin-top: 15px;list-style: none}
    .el-main {padding: 0px;}
    .el-header {padding: 0}
    .index_mood_01_img{width:160px; height:160px; border-radius:10px; overflow:hidden; float:left;}
    .index_mood_01_text{ padding-left:80px; float:left; color:#333333; font-size:16px; line-height:30px; padding-top:35px; padding-right:80px;}
    .index_mood_01_text strong{margin-left: 50px;}
    .index_mood_01_list{float:left; font-size:14px; line-height:40px;padding: 20px; }
    .index_mood_01_list label{ display:inline-block; width:110px; color:#333333; text-align:right;}
    .index_mood_01_list span{ display:inline-block; margin-left:20px; color:#333333;}
</style>
